{% extends "chartbase.html" %}

{% block page_content %}
<div class="page-header " align="center">
  <div>
    <h1>{{ title }}</h1>
  </div>
</div>
<div class="container" align="center">
  <div class="row" style='BORDER: 1px inset; padding:10px; '>
    <div>
      <!-- 显示echart -->
      <div id="echart" style="width: auto;height:480px;"></div>
      <script type="text/javascript">
        var chart = echarts.init(document.getElementById('echart'));
        chart.setOption({{ data | safe }});
      </script>
    </div>
  </div>
</div>

{% endblock %}